<template>
	<view class="xl-form">
		<slot />
	</view>
</template>

<script setup>
	import { ref } from 'vue'
	import propsData from './props.js'
	const props = defineProps(propsData)
	
	defineExpose({ validate })
	
	const formItems = ref([]);
	
	function validate(){
	    return Promise.all(formItems.value.map((formItem) => formItem.validate()));
	}
</script>

<style>
</style>